﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="Hangman.Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <style type="text/css">
        body
        {
            text-align:center;
            margin:0px;
            padding:0;
            background-color:#000;
            color:#fff;
        }
        pre
        {
            padding:0;
            margin:0;
        }
        #wrapper
        {
            width:950px;
            background-color:#000;
            text-align:left;
            margin:0 auto;
        }
    pre.aol {
        font-family: Arial;
        font-size: 10pt;
        font-weight:bold;
        color:#fff;
    }
    #heading
    {
        text-align: center;
    }
    #hangman-view, #multiview-view
    {
        float:left;
    }
    #hangman-view
    {
        margin-right:50px;
    }
    .submitBtn
    {
        margin-top:40px;
    }
    #content-wrapper
    {
        clear:both;
    }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <div id="wrapper">
        <div id="heading">
        <pre class="aol">  °                                              '                                                                                             ‘                                  '                                              
/¯¯¯¯¯¯¯\                          '¦\¯¯¯;\           \¯¯¯¯¯¯¯¯\                                                                    /¯¯¯¯¯¯¯¯¦        '¦\¯¯¯;\           \¯¯¯¯¯¯¯¯\                 
'¦:.           '¦:. '/¯¯¯¯¯¯¯\      '/¯¯;¦\      '\  °     ¦:. ’         ‚¦\\¦¯¯¯¯¯¯¯\     /¯¯¯¯¯¯¯¯¯¯¯\‚        ¦¯¯¯¯¯¯¯¯\/ '/¦:.          ¦      '/¯¯;¦\      '\  °     ¦:. ’         ‚¦\\¦¯¯¯¯¯¯¯\ 
'¦:.           /¦_¦\             ¦     /      ¦_\      '\‚’     ¦:.           '\'\             '¦   '/                      '\”      ¦:.            ¦\/ /            '¦     /      ¦_\      '\‚’     ¦:.           '\'\             '¦ 
'¦:.           \¦¯¦/             ¦    /      /¦'¯¦\       \’‚°  ¦:.            ¦ ¦:.           ¦   ¦:.       /¯¯)_____(¦”  °  ¦:.            '\¦/              ¦    /      /¦'¯¦\       \’‚°  ¦:.            ¦ ¦:.           ¦ 
'¦:.            ¦:.¦:‚            ¦   ¦:.     '\¦:.¦/        '\°  ¦:.            ¦ ¦:.           ¦   ¦:.       \)¯¯¯¯¯¯¯¯¯\” ‘‘¦:.             '¦:.             ¦   ¦:.     '\¦:.¦/        '\°  ¦:.            ¦ ¦:.           ¦ 
'¦:.            ¦:.¦:‚            ¦   ¦:.       '\'¦:.        '¦’  ¦:.            ¦ ¦:.           ¦   ¦:.         ¯               ;\‚‚¦:.             '¦:.             ¦   ¦:.       '\'¦:.        '¦’  ¦:.            ¦ ¦:.           ¦ 
¦\_______'/¦:¦\_______/¦°  ¦\______¦_____ /¦ /________/'/_______'/¦   ¦\___________/\___/'¦‚‚¦________/'\________‚¦   ¦\______¦_____ /¦ /________/'/_______'/¦ 
¦:¦:::::::::::¦:¦:.¦:¦:::::::::::¦'¦’  ¦:¦:::::::::'¦:::::::::‚¦'¦ ¦::::::::::::::¦ ¦:::::::::‚::¦:'¦   ¦:¦:::::::::::::::::'¦ ¦ ¦::::¦ ¦°¦::‚:::::’:::::¦'¦'¦::::::::::::::'¦   ¦:¦:::::::::'¦:::::::::‚¦'¦ ¦::::::::::::::¦ ¦:::::::::‚::¦:'¦ 
'\¦:::::::::::¦/   '\¦:::::::::::'¦/‘  '\¦:::::::::'¦:::::::::°¦/ ¦:::::‚::’::::::¦/¦:”::::::::::¦'/   '\¦:::::::::::::::::'¦'/\'¦::::¦/  ¦::::‚::::’::::¦'¦'¦::::::::::::::'¦   '\¦:::::::::'¦:::::::::°¦/ ¦:::::‚::’::::::¦/¦:”::::::::::¦'/ 
  ¯¯¯¯¯¯      '¯¯¯¯¯¯¯      ¯¯¯¯¯¯°¯¯¯¯¯   '¯¯¯¯¯¯¯¯  '¯¯¯¯¯¯¯  ’     ¯¯¯¯¯¯¯¯¯¯     ¯¯     ¯¯¯¯¯¯¯¯ ” ¯¯¯¯¯¯¯¯      ¯¯¯¯¯¯°¯¯¯¯¯   '¯¯¯¯¯¯¯¯  '¯¯¯¯¯¯¯  ’ 
</pre>
        </div>
        <div id="content-wrapper">
            <div id="hangman-view">
                <img runat="server" id="hangmanimage" src="hangman.gif?status=5" />
            </div>
            <div id="multiview-view">
                <asp:MultiView ID="uiMultiView" runat="server">
                    <asp:View ID="uiView01" runat="server">
                        <h2>Velkommen til Hangman</h2>
                        <p>Vælg venligst en kategori og start spillet</p>
                        <asp:RadioButtonList ID="uiCategory" runat="server">
                        <asp:ListItem Value="animals" Text="Dyr"></asp:ListItem>
                        <asp:ListItem Value="countries" Text="Lande"></asp:ListItem>
                        </asp:RadioButtonList>
                        <asp:ImageButton runat="server" ID="submitBtnStart" CssClass="submitBtn" ImageUrl="~/Images/startBtn.gif" />
                    </asp:View>
                    <asp:View ID="uiView02" runat="server">
                        <JT:keyboard runat="server" ID="uiKeyboardControl" />
                        <asp:Button ID="uiView02Submit" runat="server" Text="Send" />
                    </asp:View>
                    <asp:View ID="uiView03" runat="server">
                    win
                    </asp:View>
                    <asp:View ID="uiView04" runat="server">
                    loose
                    </asp:View>
                </asp:MultiView>
            </div>
        </div>
</div>
    </form>

</body>
</html>
